﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>后台管理系统-保理软件</title>
    <meta name="keywords"  content="保理软件,保理产品" />
    <meta name="description" content="设置描述..." />
    <meta name="author" content="DeathGhost" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <!--产品logo-->
    <link rel="icon" href="../../images/icon/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <!--jQuery v3.2.1-->
    <script src="../../javascript/jquery.js"></script>
    <!--jquery.easyui v1.3.4-->
    <script src="../../javascript/jquery.easyui.min.js"></script>
    <!--滚动插件-->
    <script src="../../javascript/plug-ins/customScrollbar.min.js"></script>
    <!--统计插件-->
    <script src="../../javascript/plug-ins/echarts.min.js"></script>
    <!--弹框插件-->
    <script src="../../javascript/plug-ins/layerUi/layer.js"></script>
    <!--日历时间插件-->
    <script src="../../javascript/laydate/laydate.js"></script>
    <!--HTML编辑器插件-->
    <script src="../../editor/ueditor.config.js"></script>
    <!--HTML编辑器插件-->
    <script src="../../editor/ueditor.all.js"></script>
    <!--分页插件-->
    <script src="../../javascript/plug-ins/pagination.js"></script>
    <!--整个模板样式控制文件-->
    <script src="../../javascript/public.js"></script>
    <style>
        .form-group-col-2{
            width: 31%;
            float: left;
            margin-bottom: 5px;
        }
        .form-group-col-2 .form-label{
            padding: 3px 0px!important;
            font-size: 12px !important;
            width: 115px;
            font-weight: bolder;
        }
        .form-group-col-2 .form-cont {
            margin-left: 125px;
            min-height: 33px;
        }
        .form-control{
            font-size: 12px!important;
            padding: 4px 15px!important;
        }
        #file{
            position: absolute;
            top: 0;
            right: 80px;
            z-index: 999;
            opacity: 0;
            width: 100px;
            height: 25px;
        }
    </style>
</head>
<body>

        <!--软件主体内容-->
        <main class="content mCustomScrollbar">
            <!--开始::内容-->
            <div class="page-wrap">
                <!--面包屑-->
                <section class="page-hd page-hd-top">
                    <div class="breadcrumb">
                        <ul>
                            <li>综合查询管理<i class="icon-angle-right"></i></li>
                            <li>账务汇总</li>
                        </ul>
                    </div>
                </section>
                <div class="clear mb-10">
                    <div class="fr input-group">
                        <label class="mr-5 size-s">
                            客户卖方：
                            <select id="Customername" class="easyui-combobox form-control" name="Customername" label="State:" labelPosition="top">
                            	<option value="-1">请选择</option>
											        <option value="1">宏桥</option>
											        <option value="2">万通</option>
											        <option value="3">得利</option>
											        <option value="4">恒一</option>
											        <option value="5">金驹</option>
                            </select>
                        </label>
                        <label class="mr-5 size-s">
                            客户买方：
                            <select id="Customername" class="easyui-combobox form-control" name="Customername" label="State:" labelPosition="top">
                            	<option value="-1">请选择</option>
											        <option value="1">宏桥</option>
											        <option value="2">万通</option>
											        <option value="3">得利</option>
											        <option value="4">恒一</option>
											        <option value="5">金驹</option>
                            </select>
                        </label>
                        <label class="mr-5 size-s">
                            选择日期：
                            <input type="text" class="form-control test-item" style="width:auto" />
                        </label>
                        <button class="btn btn-secondary radius" style="padding: 4px 15px!important;font-size: 12px!important;">查询</button>
                        <button class="btn btn-secondary radius" style="padding: 4px 15px!important;font-size: 12px!important;" onclick="exportCustomer();">导出</button>
                    </div>
                </div>
                <!--列表-->
                <table class="table mb-15 table-hover">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>卖方</th>
                        <th>买方</th>
                        <th>品种</th>
                        <th>融资额度</th>
                        <th>融资比例</th>
                        <th>应收保理款（FIU-R）</th>
                        <th>应收保理款（FIU-NR）</th>
                        <th>剩余融资额度</th>
                        <th>担保额度</th>
                        <th>核准应收账款余额</th>
                        <th>手续费收入</th>
                        <th>利息保证金</th>
                        <th>应收账款（SLC）</th>
                        <th>卖方往来账（CCA）</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="cen">
                        <td>1</td>
                        <td>宏桥</td>
                        <td>得利</td>
                        <td>魏桥上游xxx</td>
                        <td>1亿</td>
                        <td>100%</td>
                        <td>1亿</td>
                        <td></td>
                        <td>100万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>3亿</td>
                        <td>2亿</td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>宏桥</td>
                        <td>得利</td>
                        <td>魏桥上游xxx</td>
                        <td>1亿</td>
                        <td>100%</td>
                        <td>1亿</td>
                        <td></td>
                        <td>100万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>3亿</td>
                        <td>2亿</td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>宏桥</td>
                        <td>得利</td>
                        <td>魏桥上游xxx</td>
                        <td>1亿</td>
                        <td>100%</td>
                        <td>1亿</td>
                        <td></td>
                        <td>100万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>3亿</td>
                        <td>2亿</td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>宏桥</td>
                        <td>得利</td>
                        <td>魏桥上游xxx</td>
                        <td>1亿</td>
                        <td>100%</td>
                        <td>1亿</td>
                        <td></td>
                        <td>100万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>3亿</td>
                        <td>2亿</td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>宏桥</td>
                        <td>得利</td>
                        <td>魏桥上游xxx</td>
                        <td>1亿</td>
                        <td>100%</td>
                        <td>1亿</td>
                        <td></td>
                        <td>100万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>3亿</td>
                        <td>2亿</td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>宏桥</td>
                        <td>得利</td>
                        <td>魏桥上游xxx</td>
                        <td>1亿</td>
                        <td>100%</td>
                        <td>1亿</td>
                        <td></td>
                        <td>100万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>3亿</td>
                        <td>2亿</td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>宏桥</td>
                        <td>得利</td>
                        <td>魏桥上游xxx</td>
                        <td>1亿</td>
                        <td>100%</td>
                        <td>1亿</td>
                        <td></td>
                        <td>100万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>3亿</td>
                        <td>2亿</td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>宏桥</td>
                        <td>得利</td>
                        <td>魏桥上游xxx</td>
                        <td>1亿</td>
                        <td>100%</td>
                        <td>1亿</td>
                        <td></td>
                        <td>100万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>3亿</td>
                        <td>2亿</td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>宏桥</td>
                        <td>得利</td>
                        <td>魏桥上游xxx</td>
                        <td>1亿</td>
                        <td>100%</td>
                        <td>1亿</td>
                        <td></td>
                        <td>100万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>3亿</td>
                        <td>2亿</td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>宏桥</td>
                        <td>得利</td>
                        <td>魏桥上游xxx</td>
                        <td>1亿</td>
                        <td>100%</td>
                        <td>1亿</td>
                        <td></td>
                        <td>100万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>100万</td>
                        <td>200万</td>
                        <td>3亿</td>
                        <td>2亿</td>
                    </tr>
                    <!--没用数据-->
                    <tr class="cen Nulldata">
                        <td colspan="7">
                            <div class="emptytextCont">
                                <img src="../../images/nores.png" class="mCS_img_loaded">
                                <div class="cen pt-20 f16 fontW">暂无任何账务融资额度汇总记录</div>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>



                <!--分页-->
                <div class="panel panel-default">
                    <div class="panel-bd">
                        <div class="pagination"><span class="disabled">上一页</span><span class="current">1</span><a href="javascript:;" class="tcdNumber">2</a><a href="javascript:;" class="tcdNumber">3</a><a href="javascript:;" class="tcdNumber">4</a><a href="javascript:;" class="tcdNumber">5</a><a href="javascript:;" class="nextPage">下一页</a></div>
                    </div>
                </div>
            </div>
            <!--开始::结束-->
        </main>
<div id="exportCustomer" style="display: none;">
    <div class="page-wrap">
       <div class="form-group-col-2">
           <div class="form-label" data-title="卖方">卖方 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       
       <div class="form-group-col-2">
           <div class="form-label" data-title="买方">买方 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       
       <div class="form-group-col-2">
           <div class="form-label" data-title="品种">品种 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       
       <div class="form-group-col-2">
           <div class="form-label" data-title="状态">状态 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="追索权标志">追索权标志 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="融资额度">融资额度 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="额度到期日">额度到期日 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="融资比例（%）">融资比例（%） ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="应收保理款（融资账FIU有追">应收保理款（融资账FIU有追） ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="应收保理款（融资余额）">应收保理款（融资余额） ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>


       <div class="form-group-col-2">
           <div class="form-label" data-title="剩余融资额度">剩余融资额度 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="手续费收入（当年）">手续费收入（当年） ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="手续费率">手续费率 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="付费方">付费方 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="利息保证金（当年）">利息保证金（当年） ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="融资利率">融资利率 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="付息方">付息方 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="应收账款余额（余额>0,非反转让）">应收账款余额（余额>0,非反转让）：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="应收账款最长期限">应收账款最长期限：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="入账账号">入账账号：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="入账户名">入账户名 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
			 <div class="form-group-col-2">
           <div class="form-label" data-title="担保额度">担保额度 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="担保比例">担保比例 ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       <div class="form-group-col-2">
           <div class="form-label" data-title="核准应收账款余额（余额>0）">核准应收账款余额（余额>0） ：</div>
           <div class="form-cont">
               <input type="checkbox" checked="checked" />
           </div>
       </div>
       
       <div style="clear: both;width: 25%;margin: 10px auto 15px;">
       		 <button class="btn btn-primary-outline">导出</button>
       </div>
   </div>
</div>
<script>
    /*
     删除
     * */
    function deleteCustomer(obj){
        layer.confirm('您确定删除该账款吗？', {
            btn: ['确定','取消']
        }, function(){
            layer.msg('<span><span class="icon-spin icon-spinner"></span>删除中 . . . .</span>');
        });
    }
    /*
     新增
     */
    function exportCustomer(){
        var viveW = $(window).width()/2;
        var viveH = $(window).height()-60;
        layer.open({
            type: 1,
            skin: 'layui-layer-demo',
            title:'导出客户信息',
            closeBtn: 2,
            area: [viveW+'px','450px'],
            shade: [0.1, '#fff'],
            shadeClose: true, //开启遮罩关闭
            scrollbar: false,
            content: $('#exportCustomer')
        });
    }
    /*
     导入
     */
    function inputCustomer(){
        var viveW = $(window).width()/2;
        var viveH = $(window).height()-60;
        layer.open({
            type: 1,
            skin: 'layui-layer-demo',
            title:'导入应收账款',
            closeBtn: 2,
            area: [viveW+'px','450px'],
            shade: [0.1, '#fff'],
            shadeClose: true, //开启遮罩关闭
            scrollbar: false,
            content: $('#inputCustomer')
        });
    }
    /*
     分页
     * */
    $(".pagination").createPage({
        pageCount:5,
        current:1,
        backFn:function(p){
            console.log(p);
        }
    });
    lay('.test-item').each(function(){
        laydate.render({
            elem: this
            ,format: 'yyyy/MM/dd'
            ,trigger: 'click'
        });
    });
    $(".form-label").hover(function () {
        var tips = layer.tips($(this).attr('data-title'), $(this));
    },function () {
        layer.closeAll('tips')
    })
</script>
</body>
</html>
